 
   
     .danmaku-container {
    position: absolute;
    width: 650px;
    height: 250px;
    overflow: hidden;
  

    background-color: rgba(0, 0, 0, 0);
  
    input{
        margin-top: 200px;
        width: 100px;
        margin-left: 50px;
     
    }
      .danmaku-list{
         width: 360px;
         height: 85%;
        margin-left: 10px;
    
       position: absolute;
       bottom: 60px;
        .danmaku-item {
    position: absolute;
    white-space: nowrap;
    color: white;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 4px 5px;
    border-radius: 3px;
  }
  .danmaku-item.active {
    opacity: 1;
}
    }
  
    .danmaku-control{
      width: 300px;
     
      margin-left: 10px;
     
    }
  }



  
 